
<title><?php print ALBUM_TITLE ?></title>

<link rel="stylesheet" type="text/css" href="<?php print(COMMON_STYLE); ?>" />
<link rel="stylesheet" type="text/css" href="<?php print(CLIENT_STYLE); ?>" />
<script language="javascript" type="text/javascript" src="<?php print(JUICE); ?>"> </script>
<script language="javascript" type="text/javascript" src="<?php print(CLIENT_JS); ?>"></script>
<!-- rounded corners -->
<link rel="stylesheet" type="text/css" href="<?php print($albumThemeLocation);?>corners/rounded.css" />
<script language="javascript" type="text/javascript" src="<?php print($albumThemeLocation);?>corners/rounded.js"></script>

<!--theme script-->
<script language="javascript" type="text/javascript">
function default_setup() {
    var thmbToggle = document.createElement('div');
    thmbToggle.id = "toggle-thumbnail";
    thmbToggle.appendChild(document.createTextNode(''));
    $('thumbnail-wrapper').insertBefore( thmbToggle, $('thumbnail-wrapper').firstChild);
    
    $('toggle-thumbnail').addEvent('click', toggleThumbnails, false);
    //call it once
    toggleThumbnails();
}

function toggleThumbnails() {
    state = "block";
    text = "Hide thumbnails";
    if($('thumbnail-view').getStyle("display") != "none") {
        state = "none";
        text = "Show thumbnails";
    }
    $('thumbnail-view').setStyle({display:state});
    $('toggle-thumbnail').firstChild.nodeValue = text;
}

window.addEvent('load', default_setup, false);
</script>
</head>
<body onload="roundAll();">
<h1 id="album-name"></h1>

<div id="container">

<!---thumbnail bar--->
<div id="thumbnail-wrapper" class="rounded">
<div id="thumbnail-view">
<?php generateThumbnailsList(); ?>
</div>

</div>
<!--- end thumbnail bar--->



<div id="wrapper" class="rounded">
<div id="buttons-wrapper">
    <a href="<? print(PF_REL_INSTALL_DIR)?>client/request-noajax.php?action=previous" id="prev-button">
    <div id="prev-button-div">
    <img src="<?php print($albumThemeLocation);?>images/previous.gif" alt="Previous" />
    </div>
    </a>
    
    <a href="<? print(PF_REL_INSTALL_DIR)?>client/request-noajax.php?action=next" id="next-button">
    <div id="next-button-div">
    <img src="<?php print($albumThemeLocation);?>images/next.gif" alt="Next" />
    </div>
    </a>
</div>

<img id="main-image" src="<?php echo(CURRENT_IMAGE); ?>"></img>

</div>



</div>


</body>
</html>
